<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>采用element-ui的上传组件演示上传文件</title>
  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="css/element.css">
  <link rel="stylesheet" href="css/upload.css"> 
</head>

<body>
  <div id="app" class="app">
    <div class="upload">
      <el-upload class="upload-demo" drag action="http://localhost:9000/upload" multiple>
        <i class="el-icon-upload"></i>
        <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
        <div class="el-upload__tip" slot="tip">只能上传jpg/png文件，且不超过500kb</div>
      </el-upload>
    </div>
  </div>
  <script src="js/vue.js"></script>
  <script src="js/element.js"></script>
  <script>
    const app = new Vue({
      el: "#app",
    })
  </script>
</body>

</html>
